<!DOCTYPE HTML>
<html>
<head>
    <title>个人博客</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <LINK rel="Bookmark" href="images/favicon.ico">
    <LINK rel="Shortcut Icon" href="images/favicon.ico"/>

    <link rel="stylesheet" type="text/css" href="plugin/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="plugin/Hui-iconfont/1.0.8/iconfont.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/commons.css"/>
    <link rel="stylesheet" type="text/css" href="plugin/pifu/pifu.css"/>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

        function showSide() {
            $('.navbar-nav').toggle();
        }
    </script>
    <script>
        var _content;
        $(function () {
            $("#Loading").hide();
            //查询是否登录
            $.ajax({
                url: "/CustomersSession",
                type: "post",
                dataType: "text",
                data: "",
                success: function (data) {
                    if (data != "" && data != null) {
                        $("#login").text(data);
                    }
                },
                error: function (data) {
                    console.log("错误" + data.status);
                }
            });
            //查询发布的前十条数据
            $.ajax({
                url: "/SelectJournalTen",
                type: "post",
                dataType: "json",
                data: "",
                success: function (data) {
                    _content = data;
                    for (var i = 0; i < 10; i++) {
                        {
                            $('#journal ul').append('<li class="index_arc_item no_pic"> ' +
                                ' <h4 class="title"><a href="article_detail.html?id=' + data[i].id + '">' + data[i].title + '</a></h4>' +
                                '<div class="date_hits">' +
                                '<span>' + data[i].username + '</span>' +
                                ' <span>' + changeDateFormat(data[i].time) + '</span>' +
                                ' <span>' + data[i].categoryname + '</span>' +
                                ' <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i>' + data[i].hits + '</p>' +
                                ' <p class="commonts"><i class="Hui-iconfont" title="评论量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">' + data[i].commentolume + '</span></p>' +
                                ' </div>' +
                                '<div class="desc">' + data[i].content + '</div>' +
                                ' </li> ');
                        }
                    }
                },
                error: function (data) {
                    console.log("错误" + data.status);
                }

            });
            //评论量排行
            $.ajax({
                url: "/SelectJournalCommentolume",
                type: "post",
                dataType: "json",
                data: "",
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        $("#commentolume ul").append('<li>' +
                            '<a href="article_detail.html?id=' + data[i].id + '">' + data[i].title + '</a>' +
                            '<p class="hits"><i class="Hui-iconfont" title="评论量">&#xe622;</i> ' + data[i].commentolume + '</p>' +
                            '</li>');
                    }

                },
                error: function (data) {
                    console.log("错误" + data.status);
                }
            });
            //点击排行榜
            $.ajax({
                url: "/SelectJournalHits",
                type: "post",
                dataType: "json",
                data: "",
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        $("#hits ul").append('<li>' +
                            '<a href="article_detail.html?id=' + data[i].id + '">' + data[i].title + '</a>' +
                            ' <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> ' + data[i].hits + ' </p>' +
                            '</li>');
                    }

                },
                error: function (data) {
                    console.log("错误" + data.status);
                }
            });
            //登录
            $("#login").click(function () {
                if ($(this).text() === "未登录") {
                    location.href = "/login.html";
                } else {
                    //个人中心
                    //alert($(this).text());
                    $("#modal-demo").modal("show")
                }
            });
            //加载时先绑定用户信息
            $.ajax({
                url: "/SelectUserName",
                type: "post",
                dataType: "json",
                data: "",
                success: function (data) {
                    console.log(data.name);
                    $("#User_Name").val(data.name);
                    $("#User_email").val(data.email);
                    $("#User_address").val(data.address);
                    $("#User_occupation").val(data.occupation);
                    $("#User_telephone").val(data.telephone);
                    $("input[type=radio][name=sex][value="+data.sex+"]").attr("checked", true);
                }, error: function (data) {
                    console.log("错误" + data.status);
                }
            })
        });


        //修改密码信息
        function fun() {
            if ($("#User_password").val() !== $("#User_NewPassword").val()) {
                $("#error").text("两次密码不一致");
                return;
            } else {
                $("#error").text("");

                if ($("#User_password").val() !== "") {
                    //保存修改密码
                    $.ajax({
                        url: "/UpdateUserPassword",
                        type: "post",
                        dataType: "text",
                        data: {
                            OriginalPassword: $("#User_Ypassword").val(),
                            NewPassword: $("#User_password").val()
                        },
                        success: function (data) {
                            if (data == "ok") {
                                // alert("密码修改成功，请重新登录");
                                //
                                UpdateUser();
                                //location.href = "/login.html";
                            } else {
                                $("#error").text(data.toString());
                            }
                        },
                        error: function (data) {
                            alert("错误" + data.status);
                        }

                    });
                }else
                {
                    UpdateUser();
                }

            }

        }

        //修改信息
        function UpdateUser() {
            $.ajax({
                url: "/UpdateUser",
                type: "post",
                dataType: "text",
                data: {
                    name: $("#User_Name").val(),
                    sex: $('input:radio[name="sex"]:checked').val(),
                    email: $("#User_email").val(),
                    address: $("#User_address").val(),
                    occupation: $("#User_occupation").val(),
                    telephone: $("#User_telephone").val()
                },
                success: function (data) {
                    if (data === "ok") {
                        alert("修改成功");
                        $("#modal-demo").modal("hide");
                        $("#User_Ypassword").val("")
                        $("#User_password").val("")
                        $("#User_NewPassword").val("")

                    } else {
                        $("#error").text(data.toString());
                    }
                },
                error: function (data) {
                    alert("错误" + data.status);
                }

            });
        }

        //点击更多
        function moreBlog() {
            var k = 1;
            for (var i = k * 10; i < k * 10 + 10; i++) {
                {
                    if (i == _content.length) {
                        $("#ClickLoad").hide();
                        $("#Loading").show();
                        return;
                    }
                    $('#journal ul').append('<li class="index_arc_item no_pic"> ' +
                        ' <h4 class="title"><a href="article_detail.html?id=' + _content[i].id + '">' + _content[i].title + '</a></h4>' +
                        '<div class="date_hits">' +
                        '<span>' + _content[i].username + '</span>' +
                        ' <span>' + changeDateFormat(_content[i].time) + '</span>' +
                        ' <span>' + _content[i].categoryname + '</span>' +
                        '  <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i>' + _content[i].hits + '</p>' +
                        ' <p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">' + _content[i].commentolume + '</span></p>' +
                        ' </div>' +
                        '<div class="desc">' + _content[i].content + '</div>' +
                        ' </li> ');
                }
                k++;
            }
        };

        //转换日期格式(时间戳转换为datetime格式)
        function changeDateFormat(cellval) {
            var dateVal = cellval + "";
            if (cellval != null) {
                var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
                var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
                var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
                var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
            }
        };
    </script>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container cl">
            <a class="navbar-logo hidden-xs" href="index.html">
                <img class="logo" src="images/logo.png" alt="Lao王博客"/>
            </a>
            <a class="logo navbar-logo-m visible-xs" href="index.html">Lao王博客</a>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);"
               onclick="showSide();">&#xe667;</a>
            <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
                <ul class="cl">
                    <li class="active"><a href="index.html" data-hover="首页">首页</a></li>
                    <li><a href="about.html" data-hover="关于我">关于我</a></li>
                    <li><a href="mood.html" data-hover="碎言碎语">碎言碎语</a></li>
                    <li><a href="article.html" data-hover="学无止尽">学无止尽</a></li>
                    <li><a href="board.html" data-hover="留言板">留言板</a></li>
                </ul>
            </nav>
            <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
                <ul class="cl">
                    <li class="userInfo dropDown dropDown_hover">
                        <!--<a href="javascript:;" ><img class="avatar radius" src="images/40.jpg" alt="丶似浅 "></a>
                        <ul class="dropDown-menu menu radius box-shadow">
                            <li><a href="/app/loginOut">退出</a></li>
                        </ul>-->
                        <a href="#" id="login">未登录</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<section class="container pt-20">
    <!--<div class="Huialert Huialert-info"><i class="Hui-iconfont">&#xe6a6;</i>成功状态提示</div>-->
    <!--left-->
    <div class="col-sm-9 col-md-9">
        <!--滚动图-->
        <div class="slider_main">
            <div class="slider">
                <div class="bd">
                    <ul>
                        <li><a href="#" target="_blank"><img src="images/temp/timg.jfif"></a></li>
                        <li><a href="#" target="_blank"><img src="images/temp/zuoshem.jpg"></a></li>
                    </ul>
                </div>
                <ol class="hd cl dots">
                    <li>1</li>
                    <li>2</li>
                </ol>
                <a class="slider-arrow prev" href="javascript:void(0)"></a>
                <a class="slider-arrow next" href="javascript:void(0)"></a>
            </div>
        </div>

        <div class="mt-20 bg-fff box-shadow radius mb-5">
            <div class="tab-category">
                <a href=""><strong class="current">最新发布</strong></a>
            </div>
        </div>
        <div class="art_content Clickevent" id="journal">
            <ul class="index_arc">
                <!--<li class="index_arc_item">-->
                <!--<a href="#" class="pic">-->
                <!--<img class="lazyload" data-original="temp/art.jpg" alt="应该选" />-->
                <!--</a>-->
                <!--<h4 class="title"><a href="article_detail.html">个人博客应该选择什么样的域名和域名后缀</a></h4>-->
                <!--<div class="date_hits">-->
                <!--<span>XXX</span>-->
                <!--<span>2017-02-24</span>-->
                <!--<span><a href="/article-lists/10.html">程序人生</a></span>-->
                <!--<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>-->
                <!--<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count">20</span></p>-->
                <!--</div>-->
                <!--<div class="desc">不论搭建什么样的网站，选择一个好的域名都是很有必要的，选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名，就像人的名字一样。每个人都想自己有个好听的名字，网站也是一样。一个网站可以有多个域名，但是一个域名只能对应一个网站。&nbsp;一、域名要好记，方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的，不然都用IP地址就好了。所以，网站域名一定要选择好记忆的。因为域名是</div>-->
                <!--</li>-->

                <!--<li class="index_arc_item no_pic">-->
                <!--<p hidden>12</p>-->
                <!--<h4 class="title"><a href="#">个人博客应该选择什么样的域名和域名后缀</a></h4>-->
                <!--<div class="date_hits">-->
                <!--<span>XXX</span>-->
                <!--<span>2个月前</span>-->
                <!--<span>建站</span>-->
                <!--<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276 °</p>-->
                <!--<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p>-->
                <!--</div>-->
                <!--<div class="desc"> 不论搭建什么样的网站，选择一个好的域名都是很有必要的，选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名，就像人的名字一样。每个人都想自己有个好听的名字，网站也是一样。一个网站可以有多个域名，但是一个域名只能对应一个网站。&nbsp;一、域名要好记，方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的，不然都用IP地址就好了。所以，网站域名一定要选择好记忆的。因为域名是</div>-->
                <!--</li>-->
            </ul>
            <div class="text-c mb-20" id="moreBlog">
                <a class="btn  radius btn-block " href="javascript:;" onclick="moreBlog();" id="ClickLoad"> 点击加载更多</a>
                <a class="btn  radius btn-block " href="javascript:;" id="Loading">没有更多了……</a>
            </div>
        </div>
    </div>

    <!--right-->
    <div class="col-sm-3 col-md-3">

        <!--站点声明-->
        <div class="panel panel-default mb-20">
            <div class="panel-body">
                <i class="Hui-iconfont" style="float: left;">&#xe62f;&nbsp;</i>
                <div class="slideTxtBox">
                    <div class="bd">
                        <ul>
                            <li><a href="javascript:void(0);">博客测试版上线，欢迎访问</a></li>
                            <li><a href="javascript:void(0);">内容如有侵犯，请立即联系管理员删除</a></li>
                            <li><a href="javascript:void(0);">本站内容仅供学习和参阅，不做任何商业用途</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--博主信息-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>博主信息</strong></a>
            </div>
            <div class="tab-category-item" id="bloguser">
                <ul class="index_recd">
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe653;</i>姓名：*****</li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe70d;</i>职业：JavaWeb开发</li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe63b;</i>邮箱：<a href="mailto:XXX">******@qq.com</a>
                    </li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe671;</i>定位：湖北 &middot; 武汉</li>
                </ul>
            </div>
        </div>


        <!--热门推荐-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>热门推荐</strong></a>
            </div>
            <div class="tab-category-item Clickevent" id="commentolume">
                <ul class="index_recd">
                    <!--<li>-->
                    <!--<p hidden>1</p>-->
                    <!--<a href="#">阻止a标签href默认跳转事件</a>-->
                    <!--<p class="hits"><i class="Hui-iconfont" title="评论量">&#xe622;</i> 276 </p>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>

        <!--点击排行-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>点击排行</strong></a>
            </div>
            <div class="tab-category-item Clickevent" id="hits">
                <ul class="index_recd clickTop">
                    <!--<li>-->
                    <!--<a href="#">AJAX的刷新和前进后退问题解决</a>-->
                    <!--<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>-->
                    <!--</li>-->

                </ul>
            </div>
        </div>

        <!--标签-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>标签云</strong></a>
            </div>
            <div class="tab-category-item">
                <div class="tags"><a href="http://www.h-ui.net/">H-ui前端框架</a> <a
                        href="http://www.h-ui.net/websafecolors.shtml">Web安全色</a> <a
                        href="http://www.h-ui.net/Hui-4.4-Unslider.shtml">jQuery轮播插件</a> <a
                        href="http://idc.likejianzhan.com/vhost/korea_hosting.php">韩国云虚拟主机</a> <a
                        href="http://www.h-ui.net/bug.shtml">IEbug</a> <a
                        href="http://www.h-ui.net/site.shtml">IT网址导航</a> <a href="http://www.h-ui.net/icon/index.shtml">网站常用小图标</a>
                    <a href="http://www.h-ui.net/tools/jsformat.shtml">web工具箱</a> <a
                            href="http://www.h-ui.net/bg/index.shtml">网站常用背景素材</a> <a
                            href="http://www.h-ui.net/yuedu/chm.shtml">H-ui阅读</a> <a
                            href="http://www.h-ui.net/easydialog-v2.0/index.html">弹出层插件</a> <a
                            href="http://www.h-ui.net/SuperSlide2.1/demo.html">SuperSlide插件</a> <a
                            href="http://www.h-ui.net/TouchSlide1.1/demo.html">TouchSlide</a></div>
            </div>
        </div>
        <!--图片-->
        <!--<div class="bg-fff box-shadow radius mb-20">-->
        <!--<div class="tab-category">-->
        <!--<a href=""><strong>扫我关注</strong></a>-->
        <!--</div>-->
        <!--<div class="tab-category-item">-->
        <!--<img data-original="temp/gg.jpg" class="img-responsive lazyload" alt="响应式图片">-->
        <!--</div>-->
        <!--</div>-->

        <!--友情链接-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>隔壁邻居</strong></a>
            </div>
            <div class="tab-category-item">
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">百度</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">淘宝</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">腾讯</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">慕课网</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">h-ui</a></span>
            </div>
        </div>
        <!--最近访客-->
        <!--<div class="bg-fff box-shadow radius mb-20">-->
        <!--<div class="tab-category">-->
        <!--<a href=""><strong>最近访客</strong></a>-->
        <!--</div>-->
        <!--<div class="panel-body">-->
        <!--<ul class="recent">-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--<div class="item"><img src="images/40.jpg" alt=""></div>-->
        <!--</ul>-->
        <!--</div>-->
        <!--</div>-->

        <!--分享-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>站点分享</strong></a>
            </div>
            <div class="panel-body">
                <div class="bdsharebuttonbox Hui-share"><a href="#" class="bds_weixin Hui-iconfont" data-cmd="weixin"
                                                           title="分享到微信">&#xe694;</a><a href="#"
                                                                                        class="bds_qzone Hui-iconfont"
                                                                                        data-cmd="qzone"
                                                                                        title="分享到QQ空间">&#xe6c8;</a> <a
                        href="#" class="bds_sqq Hui-iconfont" data-cmd="sqq" title="分享到QQ好友">&#xe67b;</a> <a href="#"
                                                                                                             class="bds_tsina Hui-iconfont"
                                                                                                             data-cmd="tsina"
                                                                                                             title="分享到新浪微博">&#xe6da;</a>
                    <a href="#" class="bds_tqq Hui-iconfont" data-cmd="tqq" title="分享到腾讯微博">&#xe6d9;</a></div>
            </div>
        </div>


    </div>

</section>
<footer class="footer mt-20">
    <div class="container-fluid" id="foot">
        <p>Copyright &copy; 2020

        </p>
    </div>
</footer>


<div id="modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">修改个人信息</h3>
                <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void(0);">×</a>
            </div>
            <div class="modal-body">
                <!--p>对话框内容…</p>-->
                <form action="" method="post" class="form form-horizontal" id="demoform-1">
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">昵称：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" autocomplete="off" placeholder="昵称" id="User_Name">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">性别：</label>
                        <div class="formControls skin-minimal col-xs-8 col-sm-9">
                            <div class="radio-box">
                                <input type="radio" id="sex-1" name="sex" value="1" checked>
                                <label for="sex-1">男</label>
                            </div>
                            <div class="radio-box">
                                <input type="radio" id="sex-0" name="sex" value="0">
                                <label for="sex-0">女</label>
                            </div>
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">邮箱：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" autocomplete="off" placeholder="邮箱" id="User_email">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">地址：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" autocomplete="off" placeholder="地址" id="User_address">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">职业：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" autocomplete="off" placeholder="职业"
                                   id="User_occupation">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">联系方式：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" autocomplete="off" placeholder="联系方式"
                                   id="User_telephone">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">原密码：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="password" class="input-text" autocomplete="off" placeholder="原密码"
                                   id="User_Ypassword">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">新密码：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="password" class="input-text" autocomplete="off" placeholder="新密码"
                                   id="User_password">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3">确认密码：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="password" class="input-text" autocomplete="off" placeholder="再次输入新密码"
                                   id="User_NewPassword">
                            <span style="color: red" id="error"></span>
                        </div>
                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" onclick="fun();">确定</button>
                <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="plugin/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="plugin/pifu/pifu.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script> $(function () {
    $(window).on("scroll", backToTopFun);
    backToTopFun();
}); </script>
<script type="text/javascript" src="plugin/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script>

<script>
    $(function () {
//幻灯片
        jQuery(".slider_main .slider").slide({
            mainCell: ".bd ul",
            titCell: ".hd li",
            trigger: "mouseover",
            effect: "leftLoop",
            autoPlay: true,
            delayTime: 700,
            interTime: 2000,
            pnLoop: true,
            titOnClassName: "active"
        })
//tips
        jQuery(".slideTxtBox").slide({
            titCell: ".hd ul",
            mainCell: ".bd ul",
            autoPage: true,
            effect: "top",
            autoPlay: true
        });
//标签
        $(".tags a").each(function () {
            var x = 9;
            var y = 0;
            var rand = parseInt(Math.random() * (x - y + 1) + y);
            $(this).addClass("tags" + rand)
        });

        $("img.lazyload").lazyload({failurelimit: 3});
    });

</script>

</body>
</html>
